$(document).ready(function(){
    $('#detailsDialog').createDialogBox();
    $('.showDetails').click(function(){
        $('#ui-dialog-title-detailsDialog').html('Order Details');
        HQ.ajax('GET', $(this).attr('href'), '',function(html){
            $('#detailsDialog').html(html)
            $('#detailsDialog').openDialogBox()
        })
        return false
    })
    
    $('.userDetails').click(function(){
        $('#ui-dialog-title-detailsDialog').html($(this).html());
        HQ.ajax('GET', $(this).attr('href'), '',function(html){
            $('#detailsDialog').html(html)
            $('#detailsDialog').openDialogBox()
        })
        return false
    })
    
    $('.order_statues').change(function(){
        var url = $(this).parent().attr('action');
        var data = $(this).parent().serialize();
        $(this).parent().find('.loader').show();
        var toThis = this
        HQ.ajax('POST', url, data,function(){
            $(toThis).parent().find('.loader').hide();
        })
    })
})